<style>
    .mes_table{
        margin-left:10px;
    }
     .mes_table tr{
        font-size:20px;
        height:26px;
    }
    .mes_hot,.mes_img{
        width:12px;
        height:15px;
        background-color:#ED3C45;
        padding:3px;
        font-size:12px;
        margin-right:2px;
        color:white;
    }
    .mes_img{
        background-color:#3DC879;
    }
    .mes_but,.mes_but1{
        height:24px;
        width:45px;
        font-size:20px;
        color:white;
        background-color:#3DC879;
        border:none;
        line-height:22px;
    }
    .mes_but1{
        background-color:#ED3C45;
    }
     .file {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: 1px solid #99D3F5;
    border-radius: 4px;
    padding: 4px 12px;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.file:hover {
    background: #AADFFD;
    border-color: #78C3F3;
    color: #004974;
    text-decoration: none;
}
</style>
<div>
     <form name="myform" novalidate>
         <table class="table table-striped mes_table" >
             <caption>
                 <span style="font-size:22px;height:26px;line-height:26px;font-weight:600">
                     查看路线
                 </span>
             <tbody style="border-top:35px solid #E0DED6">
                 <tr>
                     <td>线路名称</td>
                     <td style="width:80%;">
                         <input type="text" readonly ng-model="way.name" style="width:400px;height:30px;border-radius:3px;border:1px solid #A9A9A9">
                     </td>
                 <tr>
                 <td>类型</td>
                     <td style="width:70%;">
                          <input type="text" style="width:100px;height:30px;border-radius:3px"  ng-model="way.type">
                </td>
            </tr>
            <tr>
                <td>目的地</td>
                 <td style="width:70%;min-width:450px">
                      <select style="width:100px;height:30px;border-radius:3px" ng-model="way.destinationId" ng-disabled="true">
                             <option ng-repeat="item in destarrs" value="{{item.id}}" ng-selected="item.id==way.destinationId"  >{{item.cityName}}</option>
                      </select> 
                 </td>
            </tr>
            <tr>
                <td>简介*</td>
                 <td>
                     <textarea readonly ng-model="way.description" name="" id="" cols="35" rows="5"></textarea>
                 </td>
            </tr>
             <tr>
                <td>线路图片</td>
                 <td>
                     <div style="display:inline-block;">
                         <label>
                             <img ng-src="{{way.imgSrc}}" style="width:200px;height:100px;"/>
                        </label>
                        <br>
                        <!--<p  style="width:200px" >目的地图片</p>
                        <span ng-if="item.imgSrc" ng-click="img_del($index)"
                         class="glyphicon glyphicon-remove" style="position: relative;
                         top: -140px;left:175px;color:red;"></span>-->
                     </div>
                     <div>
                         <label>
                             <p class="file">
                                 <input  type="file" value="" id="one-input" accept="image/*" file-model="images" onchange="angular.element(this).scope().wayimg_upload(this.files)"/>
                                 选择图片
                             </p>
                         </label>
                     </div>
                 </td>
            </tr>
            <tr>
                <td>视频地址</td>
                <td>
                    <input type="text" readonly ng-model="way.videoUrl" style="width:300px;height:30px;border-radius:3px;border:1px solid #A9A9A9;padding-left:10px">
                </td>
            </tr>
            <tr>
                <td>领队</td>
                <td>
                    <!--<input type="text" readonly ng-model="way.leaderName"  style="width:100px;height:30px;height:30px;border-radius:3px;border:1px solid #A9A9A9;padding:0;padding-left:10px">
                -->
                 <select readonly ng-model="way.leaderId" ng-disabled="true"  style="width:100px;height:30px;height:30px;border-radius:3px;border:1px solid #A9A9A9;padding:0;padding-left:10px" >
                        <option ng-repeat="user in userArray" value="{{user.id}}" ng-selected="way.leaderId==user.id">{{user.nickName}}</option>
                    </select>
                  </td>  
            </tr>
            <tr>
                <td>价格</td>
                <td>
                    <input ng-model="way.cost" readonly type="text" style="width:80px;height:30px;padding:0;padding-left:10px"><span>￥</span>
                </td>
            </tr>
            <tr>
                <td>路程安排</td>
                <td>
                    <textarea ng-model="way.tripRouteInfo" readonly name="" id="" cols="35" rows="5"></textarea>
                </td>
            </tr>
            <tr>
                <td>日程图片</td>
                 <td>
                     <div ng-repeat="item in thumb" style="display:inline-block;">
                         <label>
                             <img ng-src="{{item.imgSrc}}" style="width:200px;height:100px;"/>
                        </label>
                        <br>
                        <textarea ng-model="item.description"    name="description" readonly id="" cols="35" rows="3" placeholder="第{{$index+1}}天的描述" style="width:200px" ></textarea>
                        <!--<span ng-if="item.imgSrc" ng-click="img_del($index)"
                         class="glyphicon glyphicon-remove" style="position: relative;
                         top: -166px;left: -35px;color:red;"></span>
                         <span ng-if="item.imgSrc&&(!item.tripId)" ng-click="img_textAdd($index)"
                         class="glyphicon glyphicon-ok" style="position: relative;
                         top: 0px;left: -73px;color:green;font-size:30px;"></span>-->
                     </div>
                     <div>
                         <!--<label>
                             <p class="file">
                                 <input  type="file" value="" id="one-input" accept="image/*" file-model="images" onchange="angular.element(this).scope().img_upload(this.files)"/>
                                 选择图片
                             </p>
                         </label>-->
                     </div>
                 </td>
            </tr>
            <tr>
                <td>费用包含</td>
                <td>
                    <textarea readonly ng-model="way.costDesc" name="" id="" cols="35" rows="5"></textarea>
                </td>
            </tr>
            <tr>
                <td>退订政策</td>
                <td>
                    <textarea readonly ng-model="way.backBookDesc" name="" id="" cols="35" rows="5"></textarea>
                </td>
            </tr>
            <tr>
                <td>

                </td>
                <td style="height:100px">
                    <!--<button ng-click="addRoute(way)" style="margin-top:30px;height:40px;border-radius:3px;font-size:18px;background-color:#3DC879;color:white;border:none;width:200px">
                        确认，修改这个路线
                    </button>-->
                    <button style="height:25px;border-radius:8px;font-size:14px;background-color:gray;color:white;border:none;width:50px">
                        <a href="#/app/wayMana" style="text-decoration:none;color:white">
                            返回
                        </a>
                    </button>
                </td>
            </tr>
         </tbody>
    </table>
     </form>
</div>